html *
  margin 0
  padding 0
  box-sizing border-box
html
body
  font-family "微软雅黑"
ul
  li
    list-style none
a
  text-decoration none
@font-face
  font-family '方正悠黑简体_502L'
  src url('../lib/font/方正悠黑简体_502L.ttf')
body * { max-height: 999999px; }
.header
  height 530px
  width 100%
  font-family '方正悠黑简体_502L'
  >.logo
    margin-top 20px
    margin-left 20px
  >ul
    border-bottom 1px solid rgba(255, 255, 255, 0.6)
    padding 30px 48px 14px
    display flex
    justify-content space-between
    &.active
      width 100%
      position fixed
      z-index 999
      top 0
      background rgba(255,255,255,0.95)
      border-bottom 1px solid rgba(255,255,255,0.95)
      a
        color #999
        &:hover
        &.active
          border-bottom 4px solid #333333
          color #333
    >li
      display inline-block
      >a
        color rgba(255, 255, 255, 0.6)
        font-size 32px
        padding 0 3px
        padding-bottom 12px
        &:hover
          color #fff
          border-bottom 4px solid #fff
        &.active
          border-bottom 4px solid #fff
          color #fff
  >.text
    color #ffffff
    font-weight lighter
    margin-left 30px
    >.title
      margin-top 26px
      font-size 34px
    >.en-title
      font-size 20px
  >.case-text
    margin-top 52px
    margin-left 40px
    >p
      width 355px
      line-height 48px
      font-size 28px
      color white
    >a
      margin-top 40px
      display inline-block
      line-height 40px
      text-align center
      width 176px
      height 42px
      font-size 24px
      color #ffffff
      border 2px solid #ffffff
  >.product-text
    margin-left 30px
    width 418px
    color #ffffff
    >.p-title
      margin-top 40px
      font-size 28px
    >.p-content
      margin-top 10px
      font-size 22px
      line-height 36px
    >a
      margin-top 22px
      display inline-block
      line-height 35px
      text-align center
      width 176px
      height 42px
      font-size 24px
      color #ffffff
      border 2px solid #ffffff
  >.service-text
    margin-top 42px
    margin-left 30px
    font-size 26px
    color white
    >p
      height 44px
  >.us-text
    margin-top 70px
    margin-left 30px
    color white
    >p
      width 288px
      font-size 30px
      &.content
        margin-top 29px
        font-size 28px
        line-height 40px

.footer
  background url('../image/footer-bg.png') no-repeat center
  background-size cover
  padding 0 50px
  >.footer-info
    margin 0 auto
    color #666
    .lxus
      font-size 36px
      text-align center
      line-height 40px
      padding-top 52px
    .advice
      font-size 24px
      line-height 36px
      text-align left
      margin-top 31px
      span
        color #e75a46
    >.form
      margin-top 20px
      >.form-info
        >div
          label
            input
              width 100%
              height 66px
              line-height 66px
              background #5a5a5a
              border none
              outline none
              border-radius 3px
              appearance none
              color #939393
              margin-bottom 29px
              padding-left 18px
              font-size 28px
      >.form-needs
        textarea
          width 100%
          height 291px
          background #5a5a5a
          appearance none
          outline none
          border none
          border-radius 3px
          resize none
          box-sizing border-box
          padding 10px 18px
          font-size 28px
          color #939393
          font-family "微软雅黑"
        button
          border none
          appearance none
          width 100%
          height 66px
          line-height 66px
          outline none
          background #ebb43d
          color #ffffff
          border-radius 2px
          margin-top 39px
          font-size 30px
          cursor pointer
    >.lx-type
      font-size 0
      margin-top 52px
      >.lx-item
        font-size 24px
        vertical-align middle
        margin-bottom 20px
        >a
          display inline-block
          width 33px
          height 33px
          text-align center
          background-color #141414
          line-height 33px
          border-radius 50%
        >p
          display inline-block
          margin-left 20px
        &:last-child
          margin-bottom 0
  .footer-ident
    text-align center
    margin-top 55px
    font-size 20px
    padding-bottom 24px

.case
  margin-top 54px
  text-align center
  >.caseul
    display flex
    justify-content space-between
    flex-wrap wrap
    padding 0 30px
    margin-top 40px
    li
      display inline-block
      margin-bottom 6px
      width 226px
      height 124px
      a
        width 226px
        height 124px
        >img
          width 226px
          height 124px
  >.more
    margin 0 auto
    margin-top 34px
    text-align center
    height 60px
    >a
      display inline-block
      line-height 60px
      width 275px
      font-size 28px
      color #333
      border 2px solid #979797
.website
  display flex
  justify-content space-between
  >li
    width 120px
    text-align center
    >.img
      height 70px
      display flex
      justify-content center
      align-items center
      margin-bottom 10px
    >p
      color #3d34d4

.headling
  text-align center
  >p
    font-size 36px
    color #242424
  >.tip
    margin-top 17px
    font-size 20px
    color #686868
.case-con
  width 366px
  box-sizing border-box
  border 2px solid #979797
  height 104px
  position relative
  text-align center
  margin-left auto
  margin-right auto
  >.title
    width 200px
    text-align center
    background #ffffff
    line-height 36px
    font-size 36px
    margin 0 auto
    margin-top -18px
    height 36px
  >.more
    margin-top 25px
    font-size 20px
    line-height 13px
    color #666
  >.belief
    width 260px
    background #fff
    font-size 20px
    line-height 20px
    margin 0 auto
    margin-top 27px
    color #666
.clearfix
  &:after
    display table
    content ""
    line-height 0
    clear both
    visibility hidden
//slide 切换
.case-li
  width 100%
  height 192px
  background #f4f4f6
  box-sizing border-box
  position relative
  padding-top 35px
  .swi
    margin 0 auto
    position relative
    .swiper-container
      width 646px
    .swiper-button-next
      background url(../image/next-b.png) no-repeat center
    .swiper-button-prev
      background url(../image/prev-b.png) no-repeat center
    a
      display block
      width 200px
      height 122px
      position relative
      img
        width 200px
        height 122px


